Top 18 Creative Slideshow In JavaScript Ideas
Auto delay slideshow, hove to pause. Un-minified javascript, FAQ are include in the source package.For the iPhone screenshot in the preview http://dkeulen.
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Your photography, paintings, and other visual art are beautiful, and deserve to be displayed online in a way that does them justice. Javascript blur effect
A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. Autoplay slideshow option
Photos used in plugin demonstration are not included in the download package!
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Device friendly, works in iPhone, iPad, Android Devices and Windows Phone.Advanced JavaScript API considered.Developed with pure object oriented JavaScript
“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio
You can find more reviews from real buyers in comments page. In those cases you have to contact the authors.I don’t customize the packages in personal way.and asking your question in the “Item Discussion” section.
Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Fast CSS3 & JavaScript engine. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a jQuery slideshow effects running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with HTML code for image slideshow and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. “Load more thumbnails feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. This wordpress plugin slider has been developed in a cooperation with
This Drupal plugin has been developed in a cooperation with
Device friendly, works in iPhone, iPad, Android Devices and Windows Phone. Transition gallery included, a tool that provides the fastest way to select and use them in your slider. Option to set shuffle mode for slideshow
Advanced javascript API considered. Developed with pure object oriented javascript. In the download package:
I’m extremely satisfied with my purchase and i’m really surprised with the quality and really hard work that was put it in.Add new feature: Shuffle mode for slideshow
Fixed issue with PNG images in IE8 and IE7
Fixed issue with jQuery on window resize in iOS
Add new feature: Touch Navigation in touch devices
Use it when you have lot’s of information that you want to fit in a small
area, and you want to present it in a lively, original and interactive way.A basic events system, for advanced JavaScript customization.
You can choose a Slideshow or a picture Slider tool.However there isn’t a tool in the market that allows user drag-and-drop, zoom in/out images so far.DimViewer use Google Arts/Google Maps technology; process your images and create a small JavaScript.So web user can drag-and-drop, zoom in/out, dig into the details.It use pure JavaScript without any plugins; Which means it’s cross browser.Or the size of PDF page could be too large to fit in your web page.Your web user can drag-and-drop, zoom in/out to the details of PDF file.Again it use cross-browser pure JavaScript.You can choose the maximum zoom level, initial size that will fit in your page as well as image descriptions and so on.DimViewer will generate a group of tile images and a JavaScript (dimviewer1. Include tile images folder (example DimImages) in your web project.Copy outcome tile images and Javascript (dimviewer1.Following example code that use outcome tile image and Javascript (dimviewer1.<script type="text/javascript" src="DimImages/dimviewer1.<script type="text/javascript">
Edit animations in a few clicks, preview and export the markup for your page.Javascript code invocation
Lightbox with slideshow (play, pause, auto-play)
Deactivate and Activate Features through Javascript Options
You can link to another page when you click in a thumbnail
IE was showing fat images in the lightbox and now is fix
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Multiple sliders in one page
Composite move, fade, clip, zoom and rotation in one transition is allowed
Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover
The main goal of FilterSlider is to manipulate images and joomla slider using canvas, jQuery library and Javascript.Images in preview (not included in package): Frank Boenigk
Auto slideshow with images
Powered by jQuery & JavaScript
Images shown in the preview are not included in the download and are for demonstration purposes only.Special images are shown in the preview on mobile devices.
Auto slideshow and loop. Coded in object oriented JavaScript. (Minified JavaScript file)
(Non-minified JavaScript source code)
Example files fixed to be properly viewed in IE7/IE8. A bug in the reflection effect which was occuring on IE7/IE8 has been fixed.
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. “Load more thumbnails feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
In an effort to provide super fast, quality support and to save precious time I have purchased a ticket support system which I’m installing as I write this. Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. The script is only 5kb in size and there is no CSS file!
<div class="slideshow">
That is all you need to make the slideshow work! No lightbox JavaScript code example is needed and no external CSS file. The script is packed with tiny features like speed detection and inertia in order to make it move as naturally as possible.